.my_header,.my_footer{
	width: 100%;
	border:0;
}
.my_header{
     height: 100px;
	
}
.my_footer{
	height: 400px;
   
}

.carousel-indicators li{
	width: 1.5rem;height: 1.5rem;
	border-radius: 50%;
	background-color: #fff;
	margin-left:0.25rem;
	margin-right:0.25rem;
	
}
.carousel-indicators .active{
	background-color:#86c138
}
/* .carousel-control-prev,.carousel-control-next{
  width:4%;height:20%;
  background-color:#aaa; 
  border-radius: 50%;
  top:40%;
} */
.carousel-control-prev{left:0.25rem}
.carousel-control-next{right:0.25rem}
.border-bottom{
	border-width: 0.2rem!important;
}
.top-height{height: 377px;background-color: #e8e8e8;}
.bottom-height{height: 245px;background-color: #e8e8e8;}
.img1-float{float:right;margin: -208px 15px 10px 10px;transition:1s}
.img2-float{float:right;margin: -180px 15px 10px 10px;transition:1s}
.img3-float{float:right;margin: -121px 2px 10px 10px;transition:1s}
.img4-1{width: 90%;}
.img4-1:hover,.img1-float:hover,.img2-float:hover,.img3-float:hover{transform: scale(1.1);
	
}

.card{background-color: transparent;border:0}
.w-65{width: 65%;}
/* 垃圾广告 */

.adv>ul{
	/* padding: 10px 0px; */
	width: 65px;
	position: fixed;
	right: 1px;
	top:20%;
	list-style: none;
	text-align: center;
	background-color:#86c138;
	z-index: 10;

}
.adv>ul>li>p:nth-child(1){
	font-size: 20px;
	margin: 0px 0px;
}
.adv>ul>li{
	color:white;
	position: relative;
	border-bottom: 1px solid white ;
}
/* 垃圾广告旁边的广告 */
.adv #mark{
	position: absolute;
	right:65px;
	top:-65px;
	width: 230px;
	height: 328px;
	background-color:transparent;
	display: none;

	
}
#mark>div:nth-child(1){
	position: absolute;
	right: -20px;
	top: 80px;
	width: 0px;
	height: 0px;
	border: 20px solid transparent;
	border-left:20px solid #86c138;
}
#mark>div:nth-child(2){
	      
		  position: absolute;
		  right: 20px;
		  top:0px;
		  background-color:#86c138;
		 
		  border-radius: 10px;
		
		  width: 200px;
		
		  text-align: center;
		 padding:10px 10px;
		 display: block;
		
	transition: height .4s linear ;
	
	
		
		

}
.adv>ul>li:nth-child(2)>div:nth-child(2) table{
	color: white;
}
.adv>ul>li:nth-child(2)>div:nth-child(2) p{
	color: black;
	font-size: 18px;
	background-color:#eee;
}
.adv>ul>li:nth-child(2):hover #mark{
	display: block;

	
	
	
}



/* 主页图片设置 */
.courses{
	height: 200px;
	
}
.courses>p{
	line-height: 200px;
}

.picture>div>div{
	background-color: #eee;
	height:22.625rem;
	transition: all 0.3s linear;
	display: flex;
	flex-direction: column;
     justify-content: center;
	align-items: center;
	

}
.picture>div>div:hover{
	transform: translateY(-15px);
	box-shadow:0px 0px 10px 10px #86c138;
}
.picture>div>div>a{
	text-decoration: none;
	color:#555;
	text-align: center;
	
}
.btn-green{
	color: #fff;
	background-color: #86c138;
	border-color: g#86c138
	
	
}
/* 六张图片 */
.picture>div button{
/* 	margin:0px 0px 20px 80px; */
	width: 135px;
	
}
.picture img{
	width: 100%;
}
.picture>div:nth-child(4),.picture>div:nth-child(5),
.picture>div:nth-child(6){
	margin:20px 0px 0px 0px;
}
/* 地图大小 */
.box{
	width:600px;
	height:400px;
	
   }
#p1 a{
	text-decoration: none;
	color: black;
	
}
.card-header{
	padding: 10px 10px 10px 10px;
	text-align: center;
	width: 480px;
	/* background-color: #86c138; */
}
#p1{
	font-size: 18px;
}
#p1>div{
	margin:20px 20px 20px 20px;
	width:100%;
}
.adv1>div>div{
	height: 9rem;
	align-items: center;
	justify-content: center;
	transition: all 0.3s linear;
}
.adv1>div>div:hover{
	transform: translateY(-15px);
	box-shadow:0px 0px 10px 10px #86c138;
}
/* 免费按钮 */
.button{
	width: 400px;
	height: 50px;;
	text-align: center;
	background-color:#86c138;
	font-size:20px;
	border-radius: 10px;

	margin: 30px auto;
}
.button>a{
	text-decoration: none;
	color:white;
	line-height: 50px;
	
}
.floor{

	background: url(https://static.meten.com/web/images/index2.0/part2-bg.png) no-repeat center top;
	height: 450px;
	background-size: 1140px 450px ;
	
}
.floor{
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-size: 25px;
	color: white;
	text-align: center;
}
.floor>div{
	width: 24%;
	height: 300px;
	position: relative;
	
}
.floor>div:nth-child(1)>p{
	
	padding: 10px;
	margin-bottom: 10px;
}
.floor>div:not(:nth-child(1))>div{
	margin: 0 auto;
	top:250px;
	font-size: 15px;
	position: absolute;
	width:222px;
	height:0px;
	transition:all linear .4s;
	background-color: #86c138;
	opacity: 0;
	overflow:hidden;
	
}
.floor>div:not(:nth-child(1)):hover>div{

	width: 222px;
	height: 250px;
	top:0px;
	line-height:40px;
	background-color: #86c138;	
	opacity: 1;
}
/* 女孩读书那一楼 */
.floor1{
	display: flex;
}
.floor1>div:nth-child(1){
	width: 50%;
	background: url(https://static.meten.com/web/images/index2.0/part8-img.jpg) no-repeat center top;
    height: 390px;
}
.floor1>div:nth-child(2){
	width: 50%;
	background: url(https://static.meten.com/web/images/index2.0/part8-rt-bg.png) no-repeat center top;
	height: 390px;
	
}
.floor1>div>div{
	display: flex;
	
 justify-content:space-around; 
 font-size: 20px;
	
}
.floor1>div>div img{
	width: 140px;
}
.floor1>div>div:nth-child(4)>input,
.floor1>div>div:nth-child(5)>button{
	margin: 0px auto;
	text-align: center;
	width: 400px;
	height: 45px;
	border-radius: 50px;
	outline:0;
}
.floor1>div>div:nth-child(5)>button{
	margin: 5px auto;
	background-color: #86c138;
}
.floor1>div>div:nth-child(6){
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 300px;
	margin: 0 auto;
}
/* 勾选框跳转上下 */
.floor1>div>div:nth-child(6)>input{
	margin-top: 15px;

}

